   
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.picture-section{
	width: 100%;
	padding: 60px 0;
	background: #f1f1f1;
	font-family: "montserrat",sans-serif;
}
.inner-width{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
.picture-section h1{
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.border{
	width: 180px;
	height: 4px;
	background: #333;
	margin: 60px auto;
}

.picture-section .picture{
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: center;
}
.picture-section .image{
	flex:24%;
	overflow: hidden;
	cursor: pointer;
}
.picture-section .image img{
	width: 100%;
	height: 100%;
	transition: 0.4s;
}

.picture-section .image:hover img{
	transform: scale(1.4); rotate(15deg);
}

@media screen and (max-width: 768px;){
	.picture-section .image{
		flex: 50%;
	}
}
@media screen and (max-width: 480px;){
	.picture-section .image{
		flex: 100%;
	}
}

